<%@ page pageEncoding="UTF-8"%>
<%@ taglib prefix="cw" uri="/widget-tags"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<cw:base />
	</head>
	<script type="text/javascript">
			function lengthValidate(value){
			    if (value.length > 5){
					return false;
				}
				return true;
			}
		</script>
	<body>
		<cw:form>
			<li>
				<b> 表单验证，失焦或者表单提交时会进行有效性验证 </b>
			</li>
			<li>
				<b> 自定义校验，通过设置正则表达式或者方法校验 </b>
			</li>
			<br>
			<br>
			<li>
				正则表达式校验，通过设置regex=“正则表达式”，regexText=“验证失败的提示信息”来进行校验
				<table>
					<tr>
						<td align="right">
							登录名:
						</td>
						<td>
							<cw:text property="name" regex="/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/"
								regexText="只能输入5-20个以字母开头、可带数字、“_”、“.”的字串" value="张三" />
						</td>
					</tr>
				</table>
				<br />
			</li>
			<li>
				自定义方法校验，通过设置validator属性来进行校验
				<table>
					<tr>
						<td align="right">
							登录名:
						</td>
						<td>
							<cw:text property="name" validator="lengthValidate" value="kiddy111"/>
						</td>
					</tr>
				</table>
				<br />
			</li>
		</cw:form>
	</body>
	<cw:theme></cw:theme>
</html>
